<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<meta charset="utf-8">
</head>
<body>
	<div class="container">
		<div class="panel panel-default">
			<div class="panel-body">
				Hello World
			</div>
		</div>

		<!-- 带标题的 -->
		<!-- <div class="panel panel-default或panel-info"> -->
		<div class="panel panel-success">
			<div class="panel-heading">
				学习网站
			</div>
			<div class="panel-body">
				希望你能来
				<br>
				希望你能来
				希望你能来
				<br>
				希望你能来
				希望你能来
			</div>
			<div class="panel-footer panel-danger">
				www.xuexiwangzhan.com
			</div>
			
<br>
			<div class="panel panel-default">
				<div class="panel-heading">
					布道式列表
				</div>
				<div class="panel-body">
					<p>以下是不到是所有的风格和</p>
				</div>
				<table class="table">
					<thead>
						<tr class="active">
							<th>表格标题</th>
							<th>表格标题</th>
							<th>表格标题</th>
						</tr>
					</thead>
					<tbody>
						<tr class="success">
							<td>表格单元格</td>
							<td>表格单元格</td>
							<td>表格单元格</td>
						</tr>
						<tr class="info">
							<td>表格单元格</td>
							<td>表格单元格</td>
							<td>表格单元格</td>
						</tr>
						<tr class="success">
							<td>表格单元格</td>
							<td>表格单元格</td>
							<td>表格单元格</td>
						</tr>
						<tr class="success">
							<td>表格单元格</td>
							<td>表格单元格</td>
							<td>表格单元格</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

<br>
		<!-- 带列表的 -->
		<div class="panel panel-default">
			<div class="panel-heading">
				Hello
			</div>
			<div class="panel-body">
				World!
			</div>
			<ul class="list-group">
				<li class="list-group-item">hello1</li>
				<li class="list-group-item">hello2</li>
				<li class="list-group-item">hello3</li>
				<li class="list-group-item">hello4</li>
			</ul>
		</div>
	</div>
</body>
</html>